<%@ page pageEncoding="UTF-8"%>

<section class="container_12 clearfix ui-sortable" data-sort="true"
	style="width:100%;margin:0;background: #FDFDFD">
	<div class="grid_12 center-elements">
		<br />
	</div>
	<h1 class="grid_12">
		<span>运行统计</span>
	</h1>
	<div class="grid_12 profile">
		<div class="details grid_12">

			<section>
				<table>

					<tbody>
						<tr>
							<th>服务：</th>
							<td>${serverIpAddress} (${serverHostName})</td>
						</tr>

						<tr>
							<th>服务启动时间：</th>
							<td>${startTime}</td>
						</tr>
						<tr>
							<th>正常运行时间：</th>
							<td>${upTime}</td>
						</tr>
						<tr>
							<th>内存：</th>
							<td><div style="clear:both">${freeMemory} MB
									空闲/总计${totalMemory} MB</div>
								<div
									style="float:left ;width:${freeMemory / (totalMemory) * 500};height:30;background:green"></div>
								<div
									style="float:left ;width:${(totalMemory - freeMemory) / totalMemory * 500};height:30;background:red"></div>

							</td>
						</tr>
						<tr>
							<th>最大内存：</th>
							<td>${maxMemory} MB</td>
						</tr>
						<tr>
							<th>可用处理器：</th>
							<td>${availableProcessors}</td>
						</tr>
					</tbody>
				</table>
			</section>
		</div>
	</div>
	<div class="grid_12 center-elements">
		<br />
	</div>
	<h1 class="grid_12">
		<span>平台统计</span>
	</h1>

	<div class="grid_12 center-elements">
		<div class="full-stats equalHeight" style="height: 187px;">
			<h2 class="center">执行效率比</h2>
			<div class="stat level" data-value="4000" data-max="10000"
				data-format="00%" data-description="spend this month">
				<div class="gauge-container">
					<div class="gauge" style="height:40%"></div>
				</div>
				<div class="max">100</div>
				<div class="info" style="top: 101px;">
					<div class="value">40</div>
				</div>
			</div>
		</div>

		<c:forEach items="${graphingStatisticAppenders}" var="appender">
			<h3>${appender.name}</h3>

			<img src="${appender.chartGenerator.chartUrl}" alt="${appender.name}" />

		</c:forEach>

	</div>
</section>
